<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<%
     String path=request.getContextPath();
      String basePath=request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<head>
<base href="<%=basePath%>">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<link href="<%=basePath%>css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<script src="<%=basePath%>js/jquery.min.js"></script>
<script src="<%=basePath%>js/jquery-1.11.0.js"></script>
<script src="<%=basePath%>js/scripts.js"></script>
<link href="<%=basePath%>css/styles.css" rel="stylesheet">
<link rel="stylesheet" href="<%=basePath%>layui/css/layui.css" media="all"/>
<script src="<%=basePath%>layui/layui.js"></script>
<link href="<%=basePath%>css/style.css" rel="stylesheet" type="text/css" media="all" />	
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Real Home Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
</head>
<body>
<!--header-->

<div class="header">
	<div class="container">
		<!--logo-->
			<div class="logo">
				<h1><a href="welcome.jsp">Cloud renting</a></h1>
			</div>
		<div class="clearfix"> </div>
			<!---pop-up-box---->    
				<link href="<%=basePath%>css/popuo-box.css" rel="stylesheet" type="text/css" media="all"/>
				<script src="<%=basePath%>js/jquery.magnific-popup.js" type="text/javascript"></script>
			<!---//pop-up-box---->
				<div id="small-dialog" class="mfp-hide">
					    <!----- tabs-box ---->
				<div class="sap_tabs">	
				     <div id="horizontalTab" style="display: block; width: 100%; margin: 0px;">
						 <ul class="resp-tabs-list">
						  	  <li class="resp-tab-item " aria-controls="tab_item-0" role="tab"><span>All Homes</span></li>
							  <li class="resp-tab-item" aria-controls="tab_item-1" role="tab"><span>For Sale</span></li>
							  <li class="resp-tab-item" aria-controls="tab_item-2" role="tab"><span>For Rent</span></li>
							  <div class="clearfix"></div>
						  </ul>				  	 
						  <div class="resp-tabs-container">
						  		<h2 class="resp-accordion resp-tab-active" role="tab" aria-controls="tab_item-0"><span class="resp-arrow"></span>All Homes</h2><div class="tab-1 resp-tab-content resp-tab-content-active" aria-labelledby="tab_item-0" style="display:block">
								 	<div class="facts">
									  	<div class="login">
											<input type="text" value="Search Address, Neighborhood, City or Zip" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Search Address, Neighborhood, City or Zip';}">		
									 		<input type="submit" value="">
									 	</div>        
							        </div>
						  		</div>	
								 </div>		 
							    </div>
					      </div>
					 </div>
					 <script src="<%=basePath%>js/easyResponsiveTabs.js" type="text/javascript"></script>
				    	<script type="text/javascript">
						    $(document).ready(function () {
						        $('#horizontalTab').easyResponsiveTabs({
						            type: 'default', //Types: default, vertical, accordion           
						            width: 'auto', //auto or any width like 600px
						            fit: true   // 100% fit in a container
						        });
						    });
			  			 </script>	
				</div>
				</div>
				 <script>
						$(document).ready(function() {
						$('.popup-with-zoom-anim').magnificPopup({
							type: 'inline',
							fixedContentPos: false,
							fixedBgPos: true,
							overflowY: 'auto',
							closeBtnInside: true,
							preloader: false,
							midClick: true,
							removalDelay: 300,
							mainClass: 'my-mfp-zoom-in'
						});
																						
						});
				</script>
					
	
		
<!--//-->	
<div class=" banner-buying">
	<div class=" container">
	<h3><span>Log</span>in</h3> 
      		
	</div>
</div>
<!--//header-->
<!--contact-->
<div class="login-right">
	<div class="container">
		<h3>Login</h3>
		<div class="login-top">
				<ul class="login-icons">
					<li><a href="demo/404.html" ><i class="facebook"> </i><span>Facebook</span></a></li>
					<li><a href="demo/404.html" class="twit"><i class="twitter"></i><span>Twitter</span></a></li>
					<li><a href="demo/404.html" class="go"><i class="google"></i><span>Google +</span></a></li>
					<li><a href="demo/404.html" class="in"><i class="linkedin"></i><span>Linkedin</span></a></li>
					<div class="clearfix"> </div>
				</ul>
				<div class="form-info">
				<font color="red">${erro1}</font>
					<form action="user/login" method="post" id="from" class="layui-form">
					<div class="layui-form-item">
					  <label class="layui-form-label">登录名：</label>
						<div class="layui-input-block">
						<input type="text" name="loginname" lay-verify="loginname"  placeholder="请输入" autocomplete="off" class="layui-input">
						</div>
				   </div>
				   <div class="layui-form-item">
					  <label class="layui-form-label">密码：   </label>
						<div class="layui-input-block">
					      <input type="password" name="loginpwd" lay-verify="pass"  placeholder="请输入" autocomplete="off" class="layui-input">
						</div>
					</div>	 
						 <div class="layui-form-item">
                            <div class="layui-input-block">
                              <button class="layui-btn layui-btn-primary" lay-submit="" lay-filter="demo">立即提交</button>
                              <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                            </div>
                        </div>
					</form>
				</div>
			<div class="create">
				<h4>没有注册？</h4>
				<a class="hvr-sweep-to-right" href="${pageContext.request.contextPath}/user/home2">注册</a>
				<div class="clearfix"> </div>
			</div>
	</div>
</div>
</div>
<!--//contact-->
<!--footer-->
<div class="footer">
	<div class="container">
		<div class="footer-top-at">
			<div class="col-md-3 amet-sed">
				<h4>Our Company</h4>
				<ul class="nav-bottom">
					<li><a href="demo/404.html">About Us</a></li>
					<li><a href="demo/404.html">For Sale By Owner Blog</a></li>
					<li><a href="demo/404.html">Mobile</a></li>
					<li><a href="demo/404.html">Terms & Conditions</a></li>
					<li><a href="demo/404.html">Privacy Policy</a></li>	
					<li><a href="demo/404.html">Blog</a></li>
					
				</ul>	
			</div>
			<div class="col-md-3 amet-sed ">
				<h4>Work With Us</h4>
					<ul class="nav-bottom">
						<li><a href="demo/404.html">Real Estate Brokers</a></li>
						<li><a href="demo/404.html">Business Development</a></li>
						<li><a href="demo/404.html">Affiliate Programs</a></li>
						<li><a href="demo/404.html">Sitemap</a></li>
						<li><a href="demo/404.html">Careers</a></li>
						<li><a href="demo/404.html">Feedback</a></li>	
					</ul>	
			</div>
			<div class="col-md-3 amet-sed">
				<h4>Customer Support</h4>
				<p>Mon-Fri, 7AM-7PM </p>
				<p>Sat-Sun, 8AM-5PM </p>
				<p>177-869-6559</p>
					<ul class="nav-bottom">
						<li><a href="demo/404.html">Live Chat</a></li>
						<li><a href="demo/404.html">Frequently Asked Questions</a></li>
						<li><a href="demo/404.html">Make a Suggestion</a></li>
					</ul>	
			</div>
			<div class="col-md-3 amet-sed ">
				<h4>Property Services</h4>
				   <ul class="nav-bottom">
						<li><a href="demo/404.html">Residential Property</a></li>
						<li><a href="demo/404.html">Commercial Property</a></li>
						<li><a href="demo/404.html">Login</a></li>
						<li><a href="demo/404.html">Register</a></li>
						<li><a href="typo.html">Short Codes</a></li>	
					</ul>	
					<ul class="social">
						<li><a href="demo/404.html"><i> </i></a></li>
						<li><a href="demo/404.html"><i class="gmail"> </i></a></li>
						<li><a href="demo/404.html"><i class="twitter"> </i></a></li>
						<li><a href="demo/404.html"><i class="camera"> </i></a></li>
						<li><a href="demo/404.html"><i class="dribble"> </i></a></li>
					</ul>
			</div>
		<div class="clearfix"> </div>
		</div>
	</div>
	<div class="footer-bottom">
		<div class="container">
			<div class="col-md-4 footer-logo">
				<h2><a href="index.html">REAL HOME</a></h2>
			</div>
			<div class="col-md-8 footer-class">
				<p >Copyright &copy; 2015.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
			</div>
		<div class="clearfix"> </div>
	 	</div>
	</div>
</div>
<script type="text/javascript">
layui.use('form',function(){
	 var form = layui.form;
	 var $=layui.jquery;
	 form.verify({
		  loginname: function(value, item){ //value：表单的值、item：表单的DOM对象
		    if(!new RegExp("^[a-zA-Z0-9_\u4e00-\u9fa5\\s·]+$").test(value)){
		      return '用户名不能有特殊字符';
		    }
		    if(/(^\_)|(\__)|(\_+$)/.test(value)){
		      return '用户名首尾不能出现下划线\'_\'';
		    }
		    if(/^\d+\d+\d$/.test(value)){
		      return '用户名不能全为数字';
		    }
		  }
		  
		  //我们既支持上述函数式的方式，也支持下述数组的形式
		  //数组的两个值分别代表：[正则匹配、匹配不符时的提示文字]
		  ,pass: [
		    /^[\S]{6,12}$/
		    ,'密码必须6到12位，且不能出现空格'
		  ] 
		}); 
});

</script>
<!--//footer-->
</body>
</html>